<style scoped>
    .layui-row {
        overflow: hidden;
    }
    .select-item {
        width: 34.333333%;
        float: right;
    }
    .layui-row:after, .layui-row:before {
        clear: none;
    }
    .layui-form >>> .layui-form-select{
        z-index: inherit;
    }
    .layui-table, .layui-table-view {
          margin: 20px 0;
    }.item-fount-color{
     color: #009688;
        font-size: 20px;
        padding: 3px 3px 3px 0.5%;
     }
</style>

<template>
    <div class="department">
        <table   class="layui-table" style="border-collapse: collapse;" >
            <tbody>
            <tr>
                <table class="layui-table layui-form"   >

                    <thead>
                    <tr >
                        <td colspan="10"><p class="item-fount-color">详情</p></td>
                    </tr>
                    <tr>
                        <th >田检项目编号</th>
                        <th >田检项目名称</th>
                        <th >检测情况描述</th>
                        <th >操作人</th>
                    </tr>
                    </thead>

                    <tbody>

                    <tr class="id9" v-for="(val, index) in items" >
                        <template>
                            <td >{{val.plckcode}}</td>
                            <td >{{val.plckitemname}}</td>
                            <td >{{val.plckresult}}</td>
                            <td >{{val.operator}}</td>
                        </template>
                    </tr>
                    </tbody>


                </table>
            </tr>
            </tbody>
        </table>
    </div>
</template>

<script>
    export default {
        name: 'ExportPlantCheckOperation',
        props: ['id'],
        data () {
            return {
                items:[],
                guid : this.id,
            }
        },
        mounted() {
            let that = this;
            this.getPageData();
         },
        updated: function () {
        },
        methods: {
            getPageData: function() {
                var that = this;
                let loader = layui.layer.load();
                let postData = {guid: that.id};
                $.ajax({
                    url: '/farmer/Pcrecord!view.action',
                    type: "post",
                    data: postData,
                    dataType: "json",
                    success: function (res) {
                        if (res.msg != 'error') {
                            if (res.result == undefined) {
                                that.toast("未找到相应信息，请重新选择查选条件");
                            } else {
                                that.items = res.result.items;
                            }
                        } else {
                            that.alert("系统错误");
                        }

                    },
                    complete: function () {
                        layer.close(loader);
                    }
                });
            }
        }
    }
</script>
